<%@ page language="java" pageEncoding="UTF-8"%>
<%@ include file="../../common/taglibs.jsp"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html:html>
<head>
	<%
		request.setCharacterEncoding("UTF-8");
	%>

	<base href="<%=basePath%>">
	<link rel="stylesheet" href="css/css.css" type="text/css"></link>
	<link rel="stylesheet" href="css/jquery.datepick.css" type="text/css"></link>
	<style type="text/css">
#leftSide {
	float: left;
	height: auto;
	width: 50%;
}

#rightSide {
	float: left;
	height: auto;
	width: 50%;
}
</style>
	<script type="text/javascript" src="js/global.js"></script>
	<script type="text/javascript" src="js/calendar.js"></script>
	<script type="text/javascript" src="js/jquery/jquery-1.7.2.js"></script>
	<script type="text/javaScript" src="js/jquery/jquery.datepick.js"></script>
	<script type="text/javaScript" src="js/jquery/jquery.datepick.lang.js"></script>
	<script type="text/javaScript" src="js/jquery/jquery.datepick-zh-CN.js"></script>
	<script type="text/javascript" src="js/redetailer/visit.js"></script>
</head>
<body>
	<table width="100%" height="29" border="0" cellpadding="0"
		cellspacing="0">
		<tr>
			<td background="images/top-5.gif"
				style="font-size: 14px; font-weight: bold;" align="center">
				零售店管理
			</td>
		</tr>
	</table>
	<table class="tab_back">
		<tr>
			<td>
				<table border=0 cellpadding=0 cellspacing=0 height=25>
					<tr align="center">
						<td width=5>
							&nbsp;
						</td>
						<td class="tab_left">
							&nbsp;
						</td>

						<td class="tab_on" valign="bottom" nowrap="nowrap">
							拜访报告
						</td>
						<td class="tab_right" valign="bottom">
							&nbsp;
						</td>
					</tr>
				</table>
			</td>
		</tr>
	</table>
	<table>
		<tr>
			<td>
				从:
			</td>
			<td width="5">
				<input id="startDate" name="startDate" type="text" class="myDate"
					value="" />
			</td>
			<td>
				到:
			</td>
			<td width="5">
				<input id="endDate" name="endDate" type="text" class="myDate"
					value="" />
			</td>
			<td width="5">
				<input id="search" name="search" type="button" value="搜索" />
			</td>
			<td>
				<input id="newVisit" name="newVisit" type="button" value="新增拜访报告" />
			</td>
		</tr>
	</table>


	<!-- begin 
	
	<c:forEach items="${postTableList}" var="patternBean">
							<option value="${patternBean.key}">
								${patternBean.description}
							</option>
						</c:forEach>-->


	<c:forEach items="${dataList}" var="visitForm" varStatus="i">
		<table class="tab_back">
			<tr>
				<td align="center">
					报告${i}
				</td>
			</tr>
		</table>
		<table width="100%">
			<tr>
				<td width="20%">
					拜访目的:
				</td>
				<td width="80%">
					<input id="visitTarget" name="visitTarget" style="width: 100%;"
						value="${visitForm.visitTarget}" />
				</td>
			</tr>
		</table>
		<table width="100%" border="1">
			<tr>
				<td width="10%">
					日期
				</td>
				<td width="15%">
					<input id="visitDate" name="visitDate" class="myDate" type="text"
						value="${visitForm.visitDate}" />
				</td>
				<td width="10%">
					开始时间
				</td>
				<td width="15%">
					<input id="startTime" name="startTime" type="text"
						value="${visitForm.startTime}" />
				</td>
				<td width="10%">
					结束时间
				</td>
				<td width="15%">
					<input id="endTime" name="endTime" type="text"
						value="${visitForm.endTime}" />
				</td>
				<td width="10%">
					与会者
				</td>
				<td width="15%">
					<input id="conventioner" name="conventioner" type="text"
						value="${visitForm.conventioner}" />
				</td>
			</tr>
		</table>
		<table width="100%" border="1">
			<thead>
				<tr>
					<td width="5%">

					</td>
					<td width="20%">
						议题
					</td>
					<td width="75%">
						跟进行动
					</td>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td width="5%">
						1
					</td>
					<td>
						<input id="topic0" name="topic0" value="${visitForm.topic0}" />
					</td>
					<td>
						<input id="content0" name="content0" value="${visitForm.content0}" />
					</td>
				</tr>
				<tr>
					<td width="5%">
						2
					</td>
					<td>
						<input id="topic1" name="topic1" value="${visitForm.topic1}" />
					</td>
					<td>
						<input id="content1" name="content1" value="${visitForm.content1}" />
					</td>
				</tr>
				<tr>
					<td width="5%">
						3
					</td>
					<td>
						<input id="topic_2" name="topic2" value="${visitForm.topic2}" />
					</td>
					<td>
						<input id="content2" name="content2" value="${visitForm.content2}" />
					</td>
				</tr>
				<tr>
					<td width="5%">
						4
					</td>
					<td>
						<input id="topic3" name="topic3" value="${visitForm.topic3}" />
					</td>
					<td>
						<input id="content3" name="content3" value="${visitForm.content3}" />
					</td>
				</tr>
			</tbody>
		</table>
		<table width="100%" border="0">
			<tr bgcolor="#D4D0C8">
				<td colspan="3" align="center" height="25" rowspan="3">
					固特异订单
				</td>
			</tr>
			<tr>
				<td width="40%">
					规格
				</td>
				<td width="30%">
					数量
				</td>
			</tr>
			<c:forEach items="${visitForm.specificationList}"
				var="specificationBean" varStatus="j">
				<tr>
					<td>
						<input id="" name="" class="specification" style="width: 100%"
							value="${specificationBean.specification}" />
					</td>
					<td>
						<input id="size" name="specificationList[Pspecification].size"
							class="size" style="width: 100%"
							value="${specificationBean.size}" />
					</td>
				</tr>
			</c:forEach>
		</table>
		<table width="100%" border="1">
			<tr bgcolor="#D4D0C8">
				<td colspan="3" align="center" height="25">
					固特异现有库存
				</td>
			</tr>
		</table>
		<table id="stockTable" width="100%" border="1">
			<thead>
				<tr>
					<td>
						品牌
					</td>
					<td>
						数量
					</td>
				</tr>
			</thead>
			<tbody>
				<c:forEach items="${visitForm.stockList}" var="stockBean">
					<tr>
						<td>
							<input type="text" value="${stockBean.brand}" />
						</td>
						<td>
							<input type="text" value="${stockBean.size}" />
						</td>
					</tr>
				</c:forEach>
			</tbody>
		</table>

		<table id="bottomTable" border="1" width="100%">
			<thead>
				<tr>
					<td colspan="3">
						计划
					</td>
					<td colspan="3">
						检查
					</td>
				</tr>
				<tr>
					<td>
						着装/仪表
					</td>
					<td>
						工具资料
					</td>
					<td>
						目标设定策略准备
					</td>
					<td>
						店外观察
					</td>
					<td>
						店内观察
					</td>
					<td>
						评估已设定目标
					</td>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>
						<input id="dress1" name="dress1" type="text"
							value="${visitForm.dress1}">
					</td>
					<td>
						<input id="information1" name="information1" type="text"
							value="${visitForm.information1}">
					</td>
					<td>
						<input id="object1" name="object1" type="text"
							value="${visitForm.object1}">
					</td>
					<td>
						<input id="outer" name="outer" type="text"
							value="${visitForm.outer1}">
					</td>
					<td>
						<input id="inner" name="inner" type="text"
							value="${visitForm.inner1}">
					</td>
					<td>
						<input id="selfObject" name="selfObject" type="text"
							value="${visitForm.selfObject1}">
					</td>
				</tr>
				<tr>
					<td>
						<input id="dress2" name="dress1" type="text"
							value="${visitForm.dress2}">
					</td>
					<td>
						<input id="information1" name="information1" type="text"
							value="${visitForm.information2}">
					</td>
					<td>
						<input id="object1" name="object1" type="text"
							value="${visitForm.object2}">
					</td>
					<td>
						<input id="outer" name="outer" type="text"
							value="${visitForm.outer2}">
					</td>
					<td>
						<input id="inner" name="inner" type="text"
							value="${visitForm.inner2}">
					</td>
					<td>
						<input id="selfObject" name="selfObject" type="text"
							value="${visitForm.selfObject2}">
					</td>
				</tr>
			</tbody>
		</table>
		<table border="1" width="100%">
			<thead>
				<tr>
					<td colspan="2">
						店面陈列
					</td>
					<td colspan="2">
						培训辅导
					</td>
				</tr>
				<tr>
					<td>
						亲自动手
					</td>
					<td>
						陈列效果对比
					</td>
					<td>
						清晰/简单
					</td>
					<td>
						店员理解
					</td>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>
						<input id="handsOn" name="handsOn" type="text"
							value="${visitForm.handsOn1}">
					</td>
					<td>
						<input id="contrast" name="contrast" type="text"
							value="${visitForm.contrast1}">
					</td>
					<td>
						<input id="simple" name="simple" type="text"
							value="${visitForm.simple1}">
					</td>
					<td>
						<input id="understand" name="understand" type="text"
							value="${visitForm.understand1}">
					</td>
				</tr>
				<tr>
					<td>
						<input id="handsOn" name="handsOn" type="text"
							value="${visitForm.handsOn2}">
					</td>
					<td>
						<input id="contrast" name="contrast" type="text"
							value="${visitForm.contrast2}">
					</td>
					<td>
						<input id="simple" name="simple" type="text"
							value="${visitForm.simple2}">
					</td>
					<td>
						<input id="understand" name="understand" type="text"
							value="${visitForm.understand2}">
					</td>
				</tr>
			</tbody>
		</table>
		<table border="1" width="100%">
			<thead>
				<tr>
					<td colspan="5">
						销售沟通
					</td>
					<td colspan="3">
						订单
					</td>
				</tr>
				<tr>
					<td>
						目标实施
					</td>
					<td>
						促销方案
					</td>
					<td>
						店面管理
					</td>
					<td>
						市场信息
					</td>
					<td>
						潜在市场
					</td>
					<td>
						库存核查
					</td>
					<td>
						订单确认
					</td>
					<td>
						坚持
					</td>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>
						<input id="implementation" name="implementation" type="text"
							value="${visitForm.implementation1}" />
					</td>
					<td>
						<input id="marketProgram" name="marketProgram" type="text"
							value="${visitForm.marketProgram1}" />
					</td>
					<td>
						<input id="storeManage" name="storeManage" type="text"
							value="${visitForm.storeManage1}" />
					</td>
					<td>
						<input id="marketInfo" name="marketInfo" type="text"
							value="${visitForm.marketInfo1}" />
					</td>
					<td>
						<input id="potentialInfo" name="potentialInfo" type="text"
							value="${visitForm.potentialInfo1}" />
					</td>
					<td>
						<input id="stockCheck" name="stockCheck" type="text"
							value="${visitForm.stockCheck1}" />
					</td>
					<td>
						<input id="orderConfirm" name="orderConfirm" type="text"
							value="${visitForm.orderConfirm1}" />
					</td>
					<td>
						<input id="persist" name="persist" type="text"
							value="${visitForm.persist1}" />
					</td>
				</tr>
				<tr>
					<td>
						<input id="implementation" name="implementation" type="text"
							value="${visitForm.implementation2}" />
					</td>
					<td>
						<input id="marketProgram" name="marketProgram" type="text"
							value="${visitForm.marketProgram2}" />
					</td>
					<td>
						<input id="storeManage" name="storeManage" type="text"
							value="${visitForm.storeManage2}" />
					</td>
					<td>
						<input id="marketInfo" name="marketInfo" type="text"
							value="${visitForm.marketInfo2}" />
					</td>
					<td>
						<input id="potentialInfo" name="potentialInfo" type="text"
							value="${visitForm.potentialInfo2}" />
					</td>
					<td>
						<input id="stockCheck" name="stockCheck" type="text"
							value="${visitForm.stockCheck2}" />
					</td>
					<td>
						<input id="orderConfirm" name="orderConfirm" type="text"
							value="${visitForm.orderConfirm2}" />
					</td>
					<td>
						<input id="persist" name="persist" type="text"
							value="${visitForm.persist2}" />
					</td>
				</tr>
			</tbody>
		</table>
		<table border="1" width="100%">
			<thead>
				<tr>
					<td colspan="2">
						订单总结
					</td>
					<td>
						retailer Portal
					</td>
				</tr>
				<tr>
					<td>
						对店总结
					</td>
					<td>
						对自己总结
					</td>
					<td>
						推广
					</td>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>
						<input id="storeSummary1" name="storeSummary1" type="text"
							value="${visitForm.storeSummary1}" />
					</td>
					<td>
						<input type="text"
							value="${visitForm.selfSummary1}" />
					</td>
					<td>
						<input type="text"
							value="${visitForm.promotion1}" />
					</td>
				</tr>
				<tr>
					<td>
						<input id="storeSummary2" name="storeSummary2" type="text"
							value="${visitForm.storeSummary2}" />
					</td>
					<td>
						<input id="selfSummary2" name="selfSummary2" type="text"
							value="${visitForm.selfSummary2}" />
					</td>
					<td>
						<input id="promotion2" name="promotion2" type="text"
							value="${visitForm.promotion2}" />
					</td>
				</tr>
			</tbody>
		</table>
	</c:forEach>
	<table class="tab_back">
		<tr>
			<td align="center">
				新增报告
			</td>
		</tr>
	</table>
	<form  id="mainForm"     action="redetailer/CreateVisitReportAction.do?method=create"
		method="post">
		<table width="100%">
			<tr>
				<td width="20%">
					拜访目的:
				</td>
				<td width="80%">
					<input id="planId" name="planId" style="display: " value="${planId}"  />
					<input id="redetailerId" name="redetailerId" style="display: " value="${redetailerId}"  />
					<input id="visitTarget" name="visitTarget" style="width: 100%;" />
					
				</td>
			</tr>
		</table>
		<table width="100%" border="1">
			<tr>
				<td width="10%">
					日期
				</td>
				<td width="15%">
					<input id="visitDate" name="visitDate" class="myDate" type="text" />
				</td>
				<td width="10%">
					开始时间
				</td>
				<td width="15%">
					<input id="startTime" name="startTime" type="text" value="08:00:00" />
				</td>
				<td width="10%">
					结束时间
				</td>
				<td width="15%">
					<input id="endTime" name="endTime" type="text" value="08:00:00" />
				</td>
				<td width="10%">
					与会者
				</td>
				<td width="15%">
					<input id="conventioner" name="conventioner" type="text" />
				</td>
			</tr>
		</table>
		<table width="100%" border="1">
			<thead>
				<tr>
					<td width="5%">

					</td>
					<td width="20%">
						议题
					</td>
					<td width="75%">
						跟进行动
					</td>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td width="5%">
						1
					</td>
					<td>
						<input id="topic0" name="topic0" />
					</td>
					<td>
						<input id="content0" name="content0" />
					</td>
				</tr>
				<tr>
					<td width="5%">
						2
					</td>
					<td>
						<input id="topic1" name="topic1" />
					</td>
					<td>
						<input id="content1" name="content1" />
					</td>
				</tr>
				<tr>
					<td width="5%">
						3
					</td>
					<td>
						<input id="topic_2" name="topic2" />
					</td>
					<td>
						<input id="content2" name="content2" />
					</td>
				</tr>
				<tr>
					<td width="5%">
						4
					</td>
					<td>
						<input id="topic3" name="topic3" />
					</td>
					<td>
						<input id="content3" name="content3" />
					</td>
				</tr>
			</tbody>
		</table>
		<table width="100%" border="0">
			<tr bgcolor="#D4D0C8">
				<td colspan="3" align="center" height="25">
					固特异订单(最多10个)
				</td>
			</tr>
			<tr bgcolor="#FFFFCC" bordercolor="#FFFFCC">
				<td width="5">
					<input type="button" value="新增" id="addSpecification" />
				</td>
				<td width="5">
					<input type="button" value="删除" id="deleteSpecification" />
				</td>
				<td>
					&nbsp;
				</td>
			</tr>
		</table>
		<table id="specificationTable" border="1" width="50%">
			<thead>
				<tr>
					<td width="30%">
						选择
					</td>
					<td width="40%">
						规格
					</td>
					<td width="30%">
						数量
					</td>
				</tr>
			</thead>
			<tbody>
			</tbody>
		</table>
		<table width="100%" border="1">
			<tr bgcolor="#D4D0C8">
				<td colspan="3" align="center" height="25">
					固特异现有库存
				</td>
			</tr>
			<tr bgcolor="#FFFFCC" bordercolor="#FFFFCC">
				<td width="5">
					<input type="button" value="新增" id="addStock" />
				</td>
				<td width="5">
					<input type="button" value="删除" id="deleteStock" />
				</td>
				<td>
					&nbsp;
				</td>
			</tr>
		</table>
		<table id="stockTable" width="100%" border="1">
			<thead>
				<tr>
					<td>
						选择
					</td>
					<td>
						品牌
					</td>
					<td>
						数量
					</td>
				</tr>
			</thead>
			<tbody>
			</tbody>
		</table>

		<table id="bottomTable" border="1" width="100%">
			<thead>
				<tr>
					<td colspan="3">
						计划
					</td>
					<td colspan="3">
						检查
					</td>
				</tr>
				<tr>
					<td>
						着装/仪表
					</td>
					<td>
						工具资料
					</td>
					<td>
						目标设定策略准备
					</td>
					<td>
						店外观察
					</td>
					<td>
						店内观察
					</td>
					<td>
						评估已设定目标
					</td>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>
						<input id="dress1" name="dress1" type="text">
					</td>
					<td>
						<input id="information1" name="information1" type="text">
					</td>
					<td>
						<input id="object1" name="object1" type="text">
					</td>
					<td>
						<input id="outer1" name="outer1" type="text">
					</td>
					<td>
						<input id="inner1" name="inner1" type="text">
					</td>
					<td>
						<input id="selfObject1" name="selfObject1" type="text">
					</td>
				</tr>
				<tr>
					<td>
						<input id="dress2" name="dress2" type="text">
					</td>
					<td>
						<input id="information2" name="information2" type="text">
					</td>
					<td>
						<input id="object2" name="object2" type="text">
					</td>
					<td>
						<input id="outer2" name="outer2" type="text">
					</td>
					<td>
						<input id="inner2" name="inner2" type="text">
					</td>
					<td>
						<input id="selfObject2" name="selfObject2" type="text">
					</td>
				</tr>
			</tbody>
		</table>
		<table border="1" width="100%">
			<thead>
				<tr>
					<td colspan="2">
						店面陈列
					</td>
					<td colspan="2">
						培训辅导
					</td>
				</tr>
				<tr>
					<td>
						亲自动手
					</td>
					<td>
						陈列效果对比
					</td>
					<td>
						清晰/简单
					</td>
					<td>
						店员理解
					</td>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>
						<input id="handsOn1" name="handsOn1" type="text">
					</td>
					<td>
						<input id="contrast1" name="contrast1" type="text">
					</td>
					<td>
						<input id="simple1" name="simple1" type="text">
					</td>
					<td>
						<input id="understand1" name="understand1" type="text">
					</td>
				</tr>
				<tr>
					<td>
						<input id="handsOn2" name="handsOn2" type="text">
					</td>
					<td>
						<input id="contrast2" name="contrast2" type="text">
					</td>
					<td>
						<input id="simple2" name="simple2" type="text">
					</td>
					<td>
						<input id="understand2" name="understand2" type="text">
					</td>

				</tr>

			</tbody>
		</table>
		<table border="1" width="100%">
			<thead>
				<tr>
					<td colspan="5">
						销售沟通
					</td>
					<td colspan="3">
						订单
					</td>
				</tr>
				<tr>
					<td>
						目标实施
					</td>
					<td>
						促销方案
					</td>
					<td>
						店面管理
					</td>
					<td>
						市场信息
					</td>
					<td>
						潜在市场
					</td>
					<td>
						库存核查
					</td>
					<td>
						订单确认
					</td>
					<td>
						坚持
					</td>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>
						<input id="implementation1" name="implementation1" type="text">
					</td>
					<td>
						<input id="marketProgram1" name="marketProgram1" type="text">
					</td>
					<td>
						<input id="storeManage1" name="storeManage1" type="text">
					</td>
					<td>
						<input id="marketInfo1" name="marketInfo1" type="text">
					</td>
					<td>
						<input id="potentialInfo1" name="potentialInfo1" type="text">
					</td>
					<td>
						<input id="stockCheck1" name="stockCheck1" type="text">
					</td>
					<td>
						<input id="orderConfirm1" name="orderConfirm1" type="text">
					</td>
					<td>
						<input id="persist1" name="persist1" type="text">
					</td>
				</tr>
				<tr>
					<td>
						<input id="implementation2" name="implementation2" type="text">
					</td>
					<td>
						<input id="marketProgram2" name="marketProgram2" type="text">
					</td>
					<td>
						<input id="storeManage2" name="storeManage2" type="text">
					</td>
					<td>
						<input id="marketInfo2" name="marketInfo2" type="text">
					</td>
					<td>
						<input id="potentialInfo2" name="potentialInfo2" type="text">
					</td>
					<td>
						<input id="stockCheck2" name="stockCheck2" type="text">
					</td>
					<td>
						<input id="orderConfirm2" name="orderConfirm2" type="text">
					</td>
					<td>
						<input id="persist2" name="persist2" type="text">
					</td>
				</tr>
			</tbody>
		</table>
		<table border="1" width="100%">
			<thead>
				<tr>
					<td colspan="2">
						订单总结
					</td>
					<td>
						retailer Portal
					</td>
				</tr>
				<tr>
					<td>
						对店总结
					</td>
					<td>
						对自己总结
					</td>
					<td>
						推广
					</td>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>
						<input id="storeSummary1" name="storeSummary1" type="text">
					</td>
					<td>
						<input id="selfSummary1" name="selfSummary1" type="text">
					</td>
					<td>
						<input id="promotion1" name="promotion1" type="text">
					</td>
				</tr>
				<tr>
					<td>
						<input id="storeSummary2" name="storeSummary2" type="text">
					</td>
					<td>
						<input id="selfSummary2" name="selfSummary2" type="text">
					</td>
					<td>
						<input id="promotion2" name="promotion2" type="text">
					</td>
				</tr>
			</tbody>
		</table>
		<table>
			<tr>
				<td>
					<input id="submitForm" type="button" value="提交" />
				</td>
			</tr>

		</table>
	</form>
	<table id="specificationTemple" style="display: none;">
		<tbody>
			<tr>
				<td>
					<input type="checkbox" class="checkBox">
				</td>
				<td>
					<input id="specification"
						name="specificationList[Pspecification].specification"
						class="specification" style="width: 100%" />
				</td>
				<td>
					<input id="size" name="specificationList[Pspecification].size"
						class="size" style="width: 100%" />
				</td>
			</tr>
		</tbody>
	</table>
	<table id="stockTemple" style="display: none;">
		<tbody>
			<tr>
				<td>
					<input type="checkbox" class="checkBox">
				</td>
				<td>
					<select id="stockList[pStock].brand" name="stockList[pStock].brand"
						class="brand">
						<option>
							请选择
						</option>
						<c:forEach items="${typeBrandTableList}" var="patternBean">
							<option value="${patternBean.key}">
								${patternBean.description}
							</option>
						</c:forEach>
					</select>
				</td>
				<td>
					<input id="size" name="stockList[pStock].size" class="size"
						style="width: 100%" />
				</td>
			</tr>
		</tbody>
	</table>
</body>
</html:html>
